<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">

<h:head>
	<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1" />
	<title>#{ticket.titulo}</title>

	<!-- jquery -->
	<h:outputScript name="js/vendor/jquery.js" library="foundation"></h:outputScript>

	<!-- foundation framework -->
	<h:outputStylesheet name="css/foundation.min.css" library="foundation" />
	<h:outputScript name="js/foundation.min.js" library="foundation" />

	<!-- static css -->
	<h:outputStylesheet name="css/museu.css" library="museu" />

</h:head>

<h:body>
	<nav class="top-bar" data-topbar="" role="navigation">
	<ul class="title-area">
		<li class="name">
			<h1>
				<a href="#">Ticket Museu</a>
			</h1>
		</li>
		<!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
		<li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
	</ul>
	</nav>

	<div id="div-Ticket" class="row">
		<h:form styleClass="custom">
			<h1>Cadastro de Ticket</h1>
			<div class="row collapse">
				<div class="large-6 small-12 columns">
					<h:outputLabel for="codigo">Nome</h:outputLabel>
					<h:inputText id="codigo" name="codigo" value="#{ticket.codigo}" />
				</div>
				<div class="large-2 small-12 columns">
					<h:outputLabel for="dt_emissao">Data emissao</h:outputLabel>
					<h:inputText id="dt_emissao" name="dt_emissao"
						value="#{ticket.dt_emissao}" />
				</div>
			</div>
			<div class="row collapse">
				<div class="large-2 small-12 columns">
					<h:outputLabel for="valor">Valor</h:outputLabel>
					<h:inputText id="valor" name="valor"
						value="#{ticket.valor}" />
				</div>
				<div class="row collapse">
					<div class="large-2 small-12 columns">
						<h:outputLabel for="dt_evento">Data do Evento</h:outputLabel>
						<h:inputText id="dt_evento" name="dt_evento"
							value="#{ticket.dt_evento}" />
					</div>
			
			
				</div>
				<div class="row">
					<div class="large-6 small-6">
						<h:commandLink action="validarTicket"
							styleClass="button radius right">Comprar</h:commandLink>
					</div>
				</div>
				<div class="row collapse">
					<div class="large-6 small-12 columns">
						<!-- 	<h:commandLink action="#" >N&atilde;o possui login? Cadastre-se.</h:commandLink>  -->
					<a href="http://localhost:8080/ticket-museu/faces/login.xhtml">Pagina inicial</a>
					</div>
				</div>
			</div>
		</h:form>
	</div>
</h:body>

</html>